<seed-content class="spell-detail-inner order-list-content" #content>
  <seed-toolbar-header>
    <seed-toolbar-title>我的订单</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <!--头部导航-->
  <!--<div class="order-nav" #orderNav [ngClass]="{'to-fixed':canFixed}" fixed-to-roof [content]="content">-->
  <div class="order-nav-warp">
    <div class="order-nav" #orderNav seed-fixed-to-roof [content]="content">
      <p
        *ngFor="let status of statusList;let i=index;"
        [ngClass]="{'active': isActive == i}"
        [routerLink]="['/order', status.hash]"
      >
        {{status.name}}
      </p>
    </div>
  </div>

  <!--订单列表-->

  <seed-infinite-scroll (infiniteScroll)="getOrderList()">
    <div class="gap"></div>
    <seed-order-item [orderList]="orderList"></seed-order-item>
    <seed-infinite-scroll-content></seed-infinite-scroll-content>
  </seed-infinite-scroll>
</seed-content>

